<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>iProteome商城-用户中心</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
	<script type="text/javascript" src="js/host.js"></script>
	<script type="text/javascript" src="js/vue-2.5.16.js"></script>
	<script type="text/javascript" src="js/axios-0.18.0.min.js"></script>
	<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
	<script src="/js/vue-cookies.js" type="text/javascript"></script>
</head>

<body>
	<div id="app" v-cloak>
		<div class="header_con">
			<div class="header">
				<div class="welcome fl">欢迎来到iProteome商城!</div>
				<div class="fr">
					<div class="login_btn fl">
						欢迎您：<em v-text="nick_name"></em>
						<span>|</span>
						<a @click="logoutfunc">退出</a>
					</div>
					<div class="user_link fl">
						<span>|</span>
						<a href="user_center_info.html">用户中心</a>
						<span>|</span>
						<a href="cart.html">我的购物车</a>
						<span>|</span>
						<a href="">我的订单</a>
					</div>
				</div>
			</div>
		</div>

        <div class="search_bar clearfix">
            <a href="index.html" class="logo fl"><img src="images/logo.png"></a>
            <div class="sub_page_name fl">|&nbsp;&nbsp;&nbsp;&nbsp;用户中心</div>
            <form method="get" action="/search.html" class="search_con fr mt40">
                <input type="text" class="input_text fl" name="q" placeholder="搜索商品">
                <input type="submit" class="input_btn fr" name="" value="搜索">
            </form>
        </div>

		<div class="main_con clearfix">

			<div class="left_menu_con clearfix">
				<h3>用户中心</h3>
				<ul>
					<li><a href="user_center_info.html" class="active">· 个人信息</a></li>
					<li><a href="user_center_order.html">· 全部订单</a></li>
					<li><a href="user_center_site.html">· 收货地址</a></li>
					<li><a href="user_center_pass.html">· 修改密码</a></li>
				</ul>

			</div>
			<div class="right_content clearfix">
				<div class="info_con clearfix">
					<h3 class="common_title2">基本信息</h3>
					<ul class="user_info_list">
						<li><span>用户名：</span>{{ username }} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;可用积分：{{wallet_income}}</li>
						<li><span>昵称：</span><input type="text" v-model="nick_name"> &nbsp; &nbsp;
							<button @click="amend_name">修改
							</button>
							<span>{{nick_error}}</span>
						</li>

						<li><span>手机号：</span>{{ mobile }}</li>
						<!-- <li>
								<span>Email：</span>
								<div v-if="set_email">
									<input v-model="email" type="email" name="email">
									<input @click="save_email" type="button" name="" value="保 存">
									<input @click="set_email=false" type="reset" name="" value="取 消">
									<div v-if="email_error">邮箱格式错误</div>
								</div>
								<div v-else-if="email">
									<span style="width: 150px;">{{ email }}</span>
									<span v-if="email_active" style="color: greenyellow;">已验证</span>
									<span v-else style="float: inherit;margin-left: 20px;">
										<b style="color: red;">待验证&nbsp;&nbsp;</b><input @click="save_email"
											:disabled="send_email_btn_disabled" type="button" :value="send_email_tip">
									</span>
								</div>
								<div v-else>
									<input @click="set_email=true" type="button" name="" value="设 置">
								</div>
							</li> -->
					</ul>
				</div>

				<h3 class="common_title2">最近浏览</h3>
				<div class="has_view_list">
					<ul class="goods_type_list clearfix">
						<li v-for="sku in histories">
							<a :href="sku.url"><img :src="host+sku.default_image_url"></a>
							<h4><a :href="sku.url">{{sku.name}}</a></h4>
							<div class="operate">
								<span class="prize">{{sku.price}} &nbsp;积分</span>
								<span class="unit">{{sku.comments}}</span>
							</div>
						</li>
					</ul>
				</div>
			</div>

		</div>
		<div class="footer">
			<!-- <div class="foot_link">
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">联系我们</a>
				<span>|</span>
				<a href="#">招聘人才</a>
				<span>|</span>
				<a href="#">友情链接</a>
			</div> -->
			<!-- <p>CopyRight © 2016 北京美多商业股份有限公司 All Rights Reserved</p>
			<p>电话：010-****888 京ICP备*******8号</p> -->
		</div>

	</div>

	<script type="text/javascript" src="js/common.js"></script>

	<script type="text/javascript" src="js/user_cent_info.js"></script>


</body>

</html>